<template>
  <div>
    <Bread/>
    <div class="shang">
      <div class="shang-l">
        <el-calendar v-model="value" id="rl"></el-calendar>

      </div>
      <div class="shang-r"></div>
    </div>
    <div class="xia">
      <div class="xia-l"></div>
      <div class="xia-r"></div>
    </div>
  </div>
</template>

<script>
import Bread from '../teacheruser/newTeacher/components/Bread.vue'
export default {
  components:{
    Bread
  },
  data() {
      return {
        value: new Date()
      }
    }
}
</script>

<style lang="less" scoped>
.shang{
  display: flex;
  justify-content: space-between;
  .shang-l{
  width: 796px;
  // height: 430px;
  border: 1px solid;
  // #rl{
  //   width: 796px;
  //   height: 430px;
  // }
  
}
// .shang-r{
//   height: 430px;
//   width: 320px;
// }
}
</style>